<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-ua-compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<style>
			div{
				margin:50px auto;
				width:271px;
				height:341px;
				border:1px solid gray;
			}
			img{
				margin:10px;
			}
			p{
				margin:0 10px 15px;
				font-size:14px;
				color:gray;
			}
			p:hover{
				cursor:pointer;
			}
			.x{
				font-size:11px;
			}
			span{
				font-family:'楷体';
				color:#ff0094;
			}
			.t{
				font-family:'楷体';
				color:#f30;
				margin:0 10px 0 0;
			}
		</style>
	</head>
	<body>
		<div>
			<img width='250' height='190' src='pic1.jpg' alt='僵尸'>
			<p><strong>动画便利店X果壳网《西门子洗碗机》...</strong></p>
			<p class='x'><span><strong>原创作品</strong></span>-影视-Motion Graphic</p>
			<p class='x'>3小时前上传</p>
			<p class='x'>
				<span class='t'>
					<strong>1284</strong>
				</span>
				人气/
				<span class='t'>
					<strong>11</strong>
				</span>评论/
				<span class='t'>
					<strong>47</strong>
				</span>
				推荐
			</p>
		</div>
		<div>
			<img width='250' height='190' src='pic2.jpg' alt='茶花'>
			<p><strong>动画便利店X果壳网《西门子洗碗机》...</strong></p>
			<p class='x'><span><strong>原创作品</strong></span>-影视-Motion Graphic</p>
			<p class='x'>3小时前上传</p>
			<p class='x'>
				<span class='t'>
					<strong>1284</strong>
				</span>
				人气/
				<span class='t'>
					<strong>11</strong>
				</span>
				评论/
				<span class='t'>
					<strong>47</strong>
				</span> 
				推荐
			</p>
		</div>
	</body>
</html>
